<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>YUI Compressor Desktop</title>
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<link title="Default Style" rel="stylesheet" type="text/css" href="style.css" media="screen,print" />
</head>
<body>

<div class="page yui">
<div class="head">
	<div class="mod nav">
		<div class="inner">
			<div class="hd"><h1>YUI Compressor Desktop</h1></div>
			<div class="bd">
				<ul class="global-nav">
					<li><a href="#">help</a></li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- /head -->

<div class="body">

<div class="main">

	<div class="mod lead">
		<div class="inner">
			<div class="hd">
				<h2>Lightening of file</h2>
			</div>
			<div class="bd">
				<p>Please select the directory to be processed.<br />
The javascrirt file and the css file are lightened by retrieving the file of the object of the directory, and using yui compressor.</p>
			</div>
		</div>
	</div>


	<div class="mod">
		<div class="inner">
			<div class="bd">
				<dl>
					<dt>Input Directory:</dt>
					<dd><input type="text" name="inputDirectory" value="" size="60" />&nbsp;<input type="button" name="selectInputDirectory" value="Select" class="button" /></dd>
					<dt>Output Directory:</dt>
					<dd><input type="text" name="outputDirectory" value="" size="60" />&nbsp;<input type="button" name="selectOutputDirectory" value="Select" class="button" /></dd>
				</dl>
				<p class="control"><input type="button" name="packaging" value="Compress" class="button" /></p>
			</div>
		</div>
	</div>


	
</div>

</div>
<!-- /body -->

<div class="foot">
	<p class="copyright">Copyright 2010 Noritaka Horio All rights reserved.</p>
</div>
<!-- /foot -->

</div>
<!-- /page -->


			<div class="dialog">
				<div class="hd">
					<strong class="title">Dialog</strong>
				</div>
				<div class="bd">
					<p class="message">Javascript and css are being processed.</p>
					<p class="control"><input type="button" name="ok" value="OK" class="button" />&nbsp;<input type="button" name="cancel" value="cancel" class="button" /></p>
				</div>
			</div>



			<div class="dialog" style="margin-top: 100px;">
				<div class="hd">
					<strong class="title">Dialog</strong>
				</div>
				<div class="bd">
					<p class="message">Javascript and css are being processed.</p>
					<div class="progress-bar">
						<strong class="parsent-text">100% Complete</strong>
					</div>
					<p class="control"><input type="button" name="ok" value="OK" class="button" />&nbsp;<input type="button" name="cancel" value="cancel" class="button" /></p>
				</div>
			</div>

</body>
</html>